
<template>
  <div>
    <p>{{money}}</p>
    <button @click="money++">改值</button>
    <p>{{age}}</p>
    <button @click="age++">长一岁</button>
  </div>
</template>

<script>
import { ref, reactive, toRefs } from 'vue'
export default {
  setup () {
    let money = ref(100)
    // ref函数会在数据外层包一层对象
    let obj = reactive({
      name: 'zs',
      age: 18
    })
    // ref包装的数据 在setup里使用的时候需要.value    在模板里使用不用.value
    money.value++
    console.log(money.value)
    return {
      money,
      ...toRefs(obj)
    }
  }
}
</script>

<style>

</style>
